@charset "UTF-8";
@import "./common.scss";


#page{width: 100%;height: 100%; position: absolute; left: 50%; top: 50%;overflow: hidden; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px);-moz-transform: translate3d(-50%, -50%, 0px);}
.login-content{ width: 100%; height: 100%; position: relative; background:url(../img/list_bg.png) no-repeat; background-size: 100% 100%; overflow: hidden;
  .scroll-pane{ height: 100%;overflow: hidden;position: relative; padding-bottom: 50px;
    .jspDrag{  background: url(../img/list_scoll.png) repeat-y; background-size: 100% auto;}
    .items-list{ padding: 20px 0 60px 0; font-size: 18px;
      .item-con{padding:10px 1.51rem 10px 0.86rem; position: relative;
        .tit{ font-size: 20px;}
        .state_icon{ width: 32px; height: 35px; float: left; margin-left:-0.56rem; margin-top: -6px; display: none;}
        .right_icon{ background: url(../img/list_right_icon.png) no-repeat; background-size: 100% auto;}
        .error_icon{ background: url(../img/list_error_icon.png) no-repeat; background-size: 100% auto;}
        .items{height: 20px; line-height: 20px;
          label{ float: left; margin-left: 20px; margin-top: 10px;
            .icon{ width: 20px; height: 20px; background: url(../img/list_check_icon.png) no-repeat; background-size: 100% auto; float: left; margin-right: 3px;}
            
          }
          .checked{
            .icon{ background: url(../img/list_checked_icon.png) no-repeat; background-size: 100% auto;}
          }
        }
      }
    };
  }
  .submit-btn{ width: 3.16rem; height: 0.7rem; position: absolute; bottom: 10px; left: 50%; margin-left: -1.58rem; text-align: center;
    a{ width: 100%; height: 100%; background: #ed0012; border-radius: 5px; border:1px #ba000e solid; line-height: 0.7rem; display: block; font-size: 20px; color: #fff;}
  }
  .all-state{ position: fixed; width: 1.51rem; right: 10px;height: 100px;top: 50px; z-index: 100;
     img{ width: 100%; display: none;}
  }
}

.isVertical{ width: 100%;
  #page {transform: translate3d(-50%, -50%, 0px) rotate(90deg); }
}